<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome CSS-->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  <!-- Custom Font Icons CSS-->
  <link rel="stylesheet" href="css/font.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="css/custom.css">
  <!-- Tweaks for older IEs-->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>
  <header class="header">
    <nav class="navbar navbar-expand-lg">
      <div class="search-panel">
        <div class="search-inner d-flex align-items-center justify-content-center">
          <div class="close-btn">Close <i class="fa fa-close"></i></div>
          <form id="searchForm" action="#">
            <div class="form-group">
              <input type="search" name="search" placeholder="What are you searching for...">
              <button type="submit" class="submit">Search</button>
            </div>
          </form>
        </div>
      </div>
      <div class="container-fluid d-flex align-items-center justify-content-between">
        <div class="navbar-header">
          <!-- Navbar Header--><a href="index.html" class="navbar-brand">
            <div class="brand-text brand-big visible text-uppercase"><strong
                class="text-primary">微</strong><strong>日志</strong></div>
            <div class="brand-text brand-sm"><strong class="text-primary">S</strong><strong>L</strong></div>
          </a>
          <!-- Sidebar Toggle Btn-->
          <button class="sidebar-toggle"><i class="fa fa-long-arrow-left"></i></button>
        </div>
        <div class="right-menu list-inline no-margin-bottom">
          <div class="list-inline-item"><a href="#" class="search-open nav-link"><i
                class="icon-magnifying-glass-browser"></i></a></div>
          <!-- Tasks-->
          <!-- Tasks end-->
          <!-- Megamenu-->

          <!-- Megamenu end     -->
          <!-- Languages dropdown    -->

          <!-- Log out               -->
          <div class="list-inline-item logout"> <a id="logout" href="login.html" class="nav-link"> <span
                class="d-none d-sm-inline">退出 </span><i class="icon-logout"></i></a></div>
        </div>
      </div>
    </nav>
  </header>
  <div class="d-flex align-items-stretch">
    <!-- Sidebar Navigation-->
    <nav id="sidebar">
      <!-- Sidebar Header-->
      <div class="sidebar-header d-flex align-items-center">
        <div class="avatar"></div>
        <div class="title">
          <h1 class="h5">佘一凡</h1>
          <p>sheyifan</p>
        </div>
      </div>
      <!-- Sidebar Navidation Menus--><span class="heading">工作栏</span>
      <ul class="list-unstyled">
        <li><a href="index.html"> <i class="icon-home"></i>概览</a></li>
        <li class="active"><a href="tables.html"> <i class="icon-grid"></i>待办事项</a></li>
      </ul><span class="heading">其他</span>
      <ul class="list-unstyled">
        <li> <a href="#"> <i class="icon-settings"></i>设置</a></li>
      </ul>
    </nav>
    <!-- Sidebar Navigation end-->
    <div class="page-content">
      <!-- Page Header-->
      <div class="page-header no-margin-bottom">
        <div class="container-fluid">
          <h2 class="h5 no-margin-bottom">待办事项</h2>
        </div>
      </div>
      <!-- Breadcrumb-->
      <div class="container-fluid">
        <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">概览</a></li>
          <li class="breadcrumb-item active">待办事项 </li>
        </ul>
      </div>
      <section class="no-padding-top">
        <ul class="breadcrumb" style="padding-top: 0">
          <li class="breadcrumb-item">
            <input style="border-width: 0 0 1px 0" type="date" name="date" id="current-date" placeholder="当前日期" class="form-control">
			<!-- 2020-12-03 sheyifan Issue: set default date in tables.html -->
			<!-- 2020-12-03 19:06 sheyifan Issue: embedded script can execute after specified DOM element finish loading -->
			<script>
				var d = new Date()
				var currentDate = d.getFullYear().toString() + '-' + (d.getMonth() + 1).toString().padStart(2, '0') + '-' + d.getDate().toString().padStart(2, '0')
				document.querySelector('#current-date').value = currentDate
			</script>
          </li>
        </ul>
      </section>
      <section class="no-padding-top">
        <div class="container-fluid">
          <div class="row">
            <div class="col-lg-6">
              <!-- new issue modal-->
              <div id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
                class="modal fade text-left">
                <div role="document" class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header"><strong id="exampleModalLabel" class="modal-title">创建事务</strong>
                      <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                          aria-hidden="true">×</span></button>
                    </div>
                    <div class="modal-body">
                      <p>以下为事务信息，需要填写完整</p>
                      <form id="new-issue-items">
                        <div class="form-group">
                          <label>日期</label>
                          <input type="date" name="date" id="date" placeholder="事务所在的日期" class="form-control" readonly>
                        </div>
                        <div class="form-group">
                          <label>优先级</label>
                          <select name="priority" class="form-control mb-3 mb-3">
                            <option>T0</option>
                            <option>T1</option>
                            <option>T2</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>待办</label>
                          <input type="text" name="todo" placeholder="事项简介" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>待办说明</label>
                          <input type="text" name="description" placeholder="事项详细说明" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>标签</label>
                          <select name="labels" multiple size="2" class="form-control mb-3 mb-3">
                            <option>工作</option>
                            <option>个人</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>风险</label>
                          <input type="text" name="risk" placeholder="事务风险" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>资源求助</label>
                          <input type="text" name="asserts" placeholder="完成事项需要的外部资源" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>完成状态</label>
                          <input type="number" name="state" max="1" step="0.1" min="0" value="0"
                            placeholder="事项完成情况，范围：0～1" class="form-control">
                        </div>
                        <div class="form-group">
                          <label>完成说明</label>
                          <input type="text" name="finish-description" placeholder="事项完成过程中的总结" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <input style="display: none" type="submit" value="提交" class="btn btn-primary">
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button type="button" data-dismiss="modal" class="btn btn-secondary">关闭</button>
                      <button id="submit" type="button" class="btn btn-primary create-issue">提交</button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- modal end -->
              <!-- remove, update, delete issue modal-->
              <div id="appoint" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
                class="modal fade text-left">
                <div role="document" class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header"><strong id="exampleModalLabel" class="modal-title">预约事务</strong>
                      <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                          aria-hidden="true">×</span></button>
                    </div>
                    <div class="modal-body">
                      <p>预约明日之后的事务</p>
                      <form id="new-issue-items">
                        <div class="form-group">
                          <label>预约起始日期</label>
                          <input type="date" name="date" id="date" placeholder="事务所在的日期" class="form-control" readonly>
                        </div>
                        <div class="form-group">
                          <label>优先级</label>
                          <select name="priority" class="form-control mb-3 mb-3">
                            <option>T0</option>
                            <option>T1</option>
                            <option>T2</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>待办</label>
                          <input type="text" name="todo" placeholder="事项简介" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>待办说明</label>
                          <input type="text" name="description" placeholder="事项详细说明" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>标签</label>
                          <select name="labels" multiple size="2" class="form-control mb-3 mb-3">
                            <option>工作</option>
                            <option>个人</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>风险</label>
                          <input type="text" name="risk" placeholder="事务风险" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>资源求助</label>
                          <input type="text" name="asserts" placeholder="完成事项需要的外部资源" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>完成状态</label>
                          <input type="number" name="state" max="1" step="0.1" min="0" value="0"
                            placeholder="事项完成情况，范围：0～1" class="form-control">
                        </div>
                        <div class="form-group">
                          <label>完成说明</label>
                          <input type="text" name="finish-description" placeholder="事项完成过程中的总结" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group" style="display: none;">
                          <button class="remove-issue btn btn-success" type="button">删除事务</button>
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button type="button" data-dismiss="modal" class="btn btn-secondary">放弃预约</button>
                      <button id="submit" class="appoint-issue btn btn-primary" type="button">预约</button>
                    </div>
                  </div>
                </div>
              </div>
			  <!-- modal end -->
			  <!-- remove, update, delete issue modal-->
              <div id="rud" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"
                class="modal fade text-left">
                <div role="document" class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header"><strong id="exampleModalLabel" class="modal-title">修改事务</strong>
                      <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span
                          aria-hidden="true">×</span></button>
                    </div>
                    <div class="modal-body">
                      <p>查看或者修改事务信息</p>
                      <form id="new-issue-items">
                        <div class="form-group">
                          <label>日期</label>
                          <input type="date" name="date" id="date" placeholder="事务所在的日期" class="form-control" readonly>
                        </div>
                        <div class="form-group">
                          <label>优先级</label>
                          <select name="priority" class="form-control mb-3 mb-3">
                            <option>T0</option>
                            <option>T1</option>
                            <option>T2</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>待办</label>
                          <input type="text" name="todo" placeholder="事项简介" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>待办说明</label>
                          <input type="text" name="description" placeholder="事项详细说明" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>标签</label>
                          <select name="labels" multiple size="2" class="form-control mb-3 mb-3">
                            <option>工作</option>
                            <option>个人</option>
                          </select>
                        </div>
                        <div class="form-group">
                          <label>风险</label>
                          <input type="text" name="risk" placeholder="事务风险" class="form-control" autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>资源求助</label>
                          <input type="text" name="asserts" placeholder="完成事项需要的外部资源" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <label>完成状态</label>
                          <input type="number" name="state" max="1" step="0.1" min="0" value="0"
                            placeholder="事项完成情况，范围：0～1" class="form-control">
                        </div>
                        <div class="form-group">
                          <label>完成说明</label>
                          <input type="text" name="finish-description" placeholder="事项完成过程中的总结" class="form-control"
                            autocomplete="off">
                        </div>
                        <div class="form-group">
                          <button class="remove-issue btn btn-success" type="button">删除事务</button>
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button type="button" data-dismiss="modal" class="btn btn-secondary">放弃修改</button>
                      <button id="submit" class="update-issue btn btn-primary" type="button">保存修改</button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- modal end -->
            </div>
            <div class="col-lg-6">
              <div class="block margin-bottom-sm">
                <div class="title"><strong>待办</strong></div>
                <div class="table-responsive">
                  <table class="table table-striped table-hover" id="undone">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>优先级</th>
                        <th>待办</th>
                        <th>待办说明</th>
                        <th>标签</th>
                        <th>风险</th>
                        <th>资源求助</th>
                        <th>完成状态</th>
                        <th>完成说明</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr data-toggle="modal" data-target="#rud" style="display: none">
                        <th scope="row">+</th>
                        <td>T0</td>
                        <td>书架</td>
                        <td>查看知乎收藏夹</td>
                        <td>个人</td>
                        <td>无</td>
                        <td>保证零钱</td>
                        <td>0</td>
                        <td>用来放书</td>
                      </tr>
                    </tbody>
                  </table>
                  <div class="modal-footer" style="border-color: #3d4148">
                    <button id="new-issue" type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary">+</button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="block margin-bottom-sm">
                <div class="title"><strong>已完成</strong></div>
                <div class="table-responsive">
                  <table class="table table-striped table-hover" id="finish">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>优先级</th>
                        <th>待办</th>
                        <th>待办说明</th>
                        <th>标签</th>
                        <th>风险</th>
                        <th>资源求助</th>
                        <th>完成状态</th>
                        <th>完成说明</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr style="display: none">
                        <th scope="row">1</th>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="block">
                <div class="title"><strong>明日计划</strong></div>
                <div class="table-responsive">
                  <table class="table table-striped table-hover" id="appointed">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>优先级</th>
                        <th>待办</th>
                        <th>待办说明</th>
                        <th>标签</th>
                        <th>风险</th>
                        <th>资源求助</th>
                        <th>完成状态</th>
                        <th>完成说明</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr style="display: none">
                        <th scope="row">1</th>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                      </tr>
                    </tbody>
				  </table>
				  <div class="modal-footer" style="border-color: #3d4148">
                    <button id="new-appointed" type="button" data-toggle="modal" data-target="#appoint" class="btn btn-primary">+</button>
                  </div>
                </div>
              </div>
            </div>
      </section>
      <footer class="footer">
        <div class="footer__block block no-margin-bottom">
          <div class="container-fluid text-center">
            <!-- Please do not remove the backlink to us unless you support us at https://bootstrapious.com/donate. It is part of the license conditions. Thank you for understanding :)-->
            <p class="no-margin-bottom">Copyright &copy; 2020 wingtech sheyifan All rights reserved.</p>
          </div>
        </div>
      </footer>
    </div>
  </div>
  <!-- JavaScript files-->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/popper.js/umd/popper.min.js"> </script>
  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
  <script src="vendor/chart.js/Chart.min.js"></script>
  <script src="vendor/jquery-validation/jquery.validate.min.js"></script>
  <script src="js/front.js"></script>
</body>

</html>